:root {
  font-family: PingFangSC-Medium, Inter, Avenir, Helvetica, Arial, sans-serif;

  /* color-scheme: light dark; */
  /* color: rgba(255, 255, 255, 0.87); */
  /* background-color: #242424; */
  /* 狮子岛 咸台港 碧海湾 黑排角 高洋尾 */

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  overflow: hidden;
  font-size: 1rem;
  color: #333333;
}
#app {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}
.content {
  flex: 1;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
}
a {
  color: var(--van-blue);
}
.other_input {
  margin-left: 3rem;
  width: 25rem !important;
  padding-left: 1rem;
}
.t-center {
  text-align: center;
}
.t_right {
  text-align: right;
}
.f36 {
  font-size: 3.6rem;
}
.f34 {
  font-size: 3.4rem;
}
.f32 {
  font-size: 3.2rem;
}
.f30 {
  font-size: 3rem;
}
.f28 {
  font-size: 2.8rem;
}
.f26 {
  font-size: 2.6rem;
}
.f24 {
  font-size: 2.4rem;
}
.f22 {
  font-size: 2.2rem;
}
.f20 {
  font-size: 2rem;
}
.f18 {
  font-size: 1.8rem;
}
.f17 {
  font-size: 1.7rem;
}
.f16 {
  font-size: 1.6rem;
}
.f15 {
  font-size: 1.5rem;
}
.f14 {
  font-size: 1.4rem;
}
.f12 {
  font-size: 1.2rem;
}
.mt05 {
  margin-top: 0.5rem;
}
.mt08 {
  margin-top: 0.8rem;
}
.mt10 {
  margin-top: 1rem;
}
.mt15 {
  margin-top: 1.5rem;
}
.mt20 {
  margin-top: 2rem;
}
.mt25 {
  margin-top: 2.5rem;
}
.mb8 {
  margin-bottom: 0.8rem;
}
.mb10 {
  margin-bottom: 1rem;
}
.mb15 {
  margin-bottom: 1.5rem;
}
.mb20 {
  margin-bottom: 2rem;
}
.mb25 {
  margin-bottom: 2.5rem;
}
.mb30 {
  margin-bottom: 3rem;
}
.mb35 {
  margin-bottom: 3.5rem;
}
.mb40 {
  margin-bottom: 4rem !important;
}
.mb50 {
  margin-bottom: 5rem !important;
}
.ml05 {
  margin-left: 0.5rem;
}
.ml10 {
  margin-left: 1rem;
}
.ml15 {
  margin-left: 1.5rem;
}
.ml20 {
  margin-left: 2rem;
}
.ml25 {
  margin-left: 2.5rem;
}
.ml30 {
  margin-left: 3rem;
}
.m15 {
  margin: 1.5rem;
}
.mr15 {
  margin-right: 1.5rem !important;
}
.mr08 {
  margin-right: 0.8rem;
}
.p05 {
  padding: 0.5rem;
}
.p10 {
  padding: 1rem;
}
.p15 {
  padding: 1.5rem;
}
.p20 {
  padding: 2rem;
}
.pl10 {
  padding-left: 1rem;
}
.pr10 {
  padding-right: 1rem;
}
.pr05 {
  padding-right: 0.5rem;
}
.pb50 {
  padding-bottom: 5rem;
}
.pb70{
  padding-bottom: 7rem;
}
.w30 {
  width: 30rem;
}
.w15 {
  width: 15rem;
}
.w25 {
  width: 2.5rem;
}
.w3 {
  width: 3rem;
}
.w4 {
  width: 4rem;
}
.w5 {
  width: 5rem;
}
.w6 {
  width: 6rem;
}
.w10 {
  width: 10rem;
}
.w14{
  width: 14rem;
}
.lh3 {
  line-height: 3rem;
}
.fw500 {
  font-weight: 500;
}
.flex1 {
  flex: 1;
}
.flb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.space7 {
  letter-spacing: 0.1rem;
}
.survey_item .van-field__value {
  margin-left: 3rem;
  width: 3rem;
}
.survey_item .van-field__label,
.survey_item .van-radio,
.survey_item .van-checkbox {
  margin-bottom: 1rem;
  word-break: break-all;
}
.blue {
  color: var(--van-blue);
}
.desc {
  color: var(--van-gray-6);
}
.red {
  color: var(--van-red);
}
.flex_column .el-form-item__content {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 30px;
}
.ql-editor img {
  max-width: 100%;
}
#app::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
#app::-webkit-scrollbar-thumb {
  background-color: #101f1c59;
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
#app::-webkit-scrollbar-track {
  width: 4px;
  background: rgba(16, 31, 28, 0.1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.content:has(.preview)::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
.content:has(.preview)::-webkit-scrollbar-thumb {
  background-color: #101f1c59;
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.content:has(.preview)::-webkit-scrollbar-track {
  width: 4px;
  background: rgba(16, 31, 28, 0.1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
/* 兼容pc */
.reset_pc {
  width: 800px;
  margin: 30px auto;
  background: #ffffff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 0 18px #e0e1e7;
}
#app:has(.reset_pc) {
  background: #efeff0;
  display: block;
  overflow: auto;
}
.reset_pc,
.reset_pc .el-date-editor {
  --el-date-editor-width: 700px !important;
}
.reset_pc .el-radio-group,
.reset_pc .el-checkbox-group {
  display: block;
  width: 100%;
}
.reset_pc .my-swipe .van-swipe-item {
  height: 350px !important;
}
.reset_pc .survey_top,
.reset_pc .enroll_top {
  margin: 15px auto;
}
.reset_pc .el-input {
  width: var(--el-date-editor-width);
}
.pc_w300 {
  width: var(--el-date-editor-width);
}
.reset_pc .pc_mw150 {
  max-width: 150px;
  margin: 0 auto;
}
.reset_pc .pre_wrap .el-radio {
  white-space: pre-wrap;
  height: auto;
  line-height: 20px;
  text-align: justify;
}
.reset_pc .pre_wrap .el-checkbox {
  white-space: pre-wrap;
  min-height: 30px;
}
.reset_pc .pre_wrap .el-checkbox .el-checkbox__label {
  line-height: 1.4;
}
.reset_pc .el-form-item__error {
  left: 30px;
}

.vote_page {
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.vote_content {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
.text_ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}